.EchartsColor {
  height: 32px;
  display: flex;
  white-space: nowrap;
  align-items: center;
  .colorSpan {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 6px;

    background-image: url();
    > div {
      height: 100%;
      width: 100%;
      border-radius: 6px;
    }
    &:hover {
      transform: scale(1.5);
      transition: all 0.5s ease;
    }
  }
  .colorGrd {
    padding: 0 4px;
    cursor: pointer;
  }
  .colorBox {
    padding: 10px;
    position: absolute;
    z-index: 2;
    height: 96px;
    width: 300px;
    background-color: var(--base-bg);
  }
}
